<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- <button>点击</button> -->
  <input type="text">
  <script>
    /* 语法：如何获取
    事件对象:也是个对象。里没有属性和方法，这个对象里有事件触发时的相关信息
    在事件绑定的回调函数的第一个参数就是事件对象
    一般命名为event、evt、e
    元素.addEventListener('click', function (e) {}) */


    // const btn = document.querySelector('button')
    // btn.addEventListener('click', function (e) {
    //   console.log(e)
    // })

    const input = document.querySelector('input')
    input.addEventListener('keyup', function (e) {
      // console.log(666)
      // console.log(e)
      // console.log(e.key)
      if (e.key === 'Enter') {
        console.log('我按下了回车键')
      }
    }) 
  </script>
</body>

</html>